<!DOCTYPE html>
<html>

<head>
  <title>影片管理</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="referrer" content="no-referrer">
  <link href="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/css/bootstrap.min.css" rel="stylesheet">
  <link rel="icon" href="../logo1.ico">
  <script src="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/js/bootstrap.bundle.min.js"></script>
  <script src="../js/checkLogin.js"></script>
  <script src="../js/ajax.js"></script>
  <script src="../js/jquery.min.js"></script>
  <style>
    body {
      min-height: 100vh;
      min-height: -webkit-fill-available
    }

    html {
      height: -webkit-fill-available
    }

    main {
      display: flex;
      flex-wrap: nowrap;
      height: 100vh;
      height: -webkit-fill-available;
      max-height: 100vh;
      overflow-x: auto;
      overflow-y: hidden
    }

    .b-example-divider {
      flex-shrink: 0;
      width: 1.5rem;
      height: 100vh;
      background-color: rgba(0, 0, 0, .1);
      border: solid rgba(0, 0, 0, .15);
      border-width: 1px 0;
      box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15)
    }

    .bi {
      vertical-align: -.125em;
      pointer-events: none;
      fill: currentColor
    }

    .dropdown-toggle {
      outline: 0
    }

    .nav-flush .nav-link {
      border-radius: 0
    }

    .btn-toggle {
      display: inline-flex;
      align-items: center;
      padding: .25rem .5rem;
      font-weight: 600;
      color: rgba(0, 0, 0, .65);
      background-color: transparent;
      border: 0
    }

    .btn-toggle:hover,
    .btn-toggle:focus {
      color: rgba(0, 0, 0, .85);
      background-color: #d2f4ea
    }

    .btn-toggle::before {
      width: 1.25em;
      line-height: 0;
      content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
      transition: transform .35s ease;
      transform-origin: .5em 50%
    }

    .btn-toggle[aria-expanded="true"] {
      color: rgba(0, 0, 0, .85)
    }

    .btn-toggle[aria-expanded="true"]::before {
      transform: rotate(90deg)
    }

    .btn-toggle-nav a {
      display: inline-flex;
      padding: .1875rem .5rem;
      margin-top: .125rem;
      margin-left: 1.25rem;
      text-decoration: none
    }

    .btn-toggle-nav a:hover,
    .btn-toggle-nav a:focus {
      background-color: #d2f4ea
    }

    .scrollarea {
      overflow-y: auto
    }

    .fw-semibold {
      font-weight: 600
    }

    .lh-tight {
      line-height: 1.25
    }

    .bd-placeholder-img {
      font-size: 1.125rem;
      text-anchor: middle;
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none
    }

    @media (min-width:768px) {
      .bd-placeholder-img-lg {
        font-size: 3.5rem
      }

      .search {
        width: 100%;
        position: relative;
        display: flex;
      }

      .searchTerm {
        width: 100%;
        border: 3px solid #00B4CC;
        border-right: none;
        padding: 5px;
        height: 20px;
        border-radius: 5px 0 0 5px;
        outline: none;
        color: #9DBFAF;
      }

      .searchTerm:focus {
        color: #00B4CC;
      }

      .searchButton {
        width: 40px;
        height: 36px;
        border: 1px solid #00B4CC;
        background: #00B4CC;
        text-align: center;
        color: #fff;
        border-radius: 0 5px 5px 0;
        cursor: pointer;
        font-size: 20px;
      }

      /*调整大小查看搜索栏的变化*/
      .wrap {
        width: 30%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
    }
  </style>
</head>

<body>
  <main>
    <div class="d-flex flex-column flex-shrink-0 p-3 text-white bg-dark"
      style="width: 280px;background: rgba(0,0,0,.5)!important">
      <a class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-white text-decoration-none">
        <svg class="bi me-2" width="40" height="32">
          <use xlink:href="#bootstrap" />
        </svg>
        <span class="fs-4"
          style="width: 70px;height: 70px;border: 1px solid;margin-left: 34px;background-color: #fff;border-radius: 50%;"><img
            src="../img/1.jpg" alt=""
            style="width: 62px;height:62px;border-radius: 50%;margin-top: 3px;margin-left: 3px;" id="smAvatar"></span>
      </a>
      <div style="margin-left: 68px;margin-top: 10px">欢迎您, <span style="color: #fdff00" id="user">文渊</span></div>
      <div
        style="width: 240px;height:50px;background-color: #636464;border-radius: 10px;margin-top: 10px;text-indent: 2em;"
        id="text"></div>
      <hr>
      <ul class="nav nav-pills flex-column mb-auto">
        <li class="nav-item">
          <a href="./home.html" class="nav-link text-white" aria-current="page">
            <svg class="bi me-2" width="16" height="16">
              <use xlink:href="#home" />
            </svg>
            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor"
              class="bi bi-house-door-fill" viewBox="0 0 16 16">
              <path
                d="M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5z" />
            </svg> 主页
          </a>
        </li>
        <li>
          <a href="./type.html" class="nav-link text-white">
            <svg class="bi me-2" width="16" height="16">
              <use xlink:href="#speedometer2" />
            </svg>
            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-list-ul"
              viewBox="0 0 16 16">
              <path fill-rule="evenodd"
                d="M5 11.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm-3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2z" />
            </svg> 类型管理
          </a>
        </li>
        <li>
          <a href="./movie.html" class="nav-link active" style="background-color: #adb5bd;">
            <svg class="bi me-2" width="16" height="16">
              <use xlink:href="#table" />
            </svg>
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-film"
              viewBox="0 0 16 16">
              <path
                d="M0 1a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V1zm4 0v6h8V1H4zm8 8H4v6h8V9zM1 1v2h2V1H1zm2 3H1v2h2V4zM1 7v2h2V7H1zm2 3H1v2h2v-2zm-2 3v2h2v-2H1zM15 1h-2v2h2V1zm-2 3v2h2V4h-2zm2 3h-2v2h2V7zm-2 3v2h2v-2h-2zm2 3h-2v2h2v-2z" />
            </svg> 影片管理
          </a>
        </li>
        <li>
          <a href="./user.html" class="nav-link text-white">
            <svg class="bi me-2" width="16" height="16">
              <use xlink:href="#grid" />
            </svg>
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-people-fill"
              viewBox="0 0 16 16">
              <path d="M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1H7zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z" />
              <path fill-rule="evenodd"
                d="M5.216 14A2.238 2.238 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.325 6.325 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1h4.216z" />
              <path d="M4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z" />
            </svg> 用户管理
          </a>
        </li>
        <li>
          <a href="./count.html" class="nav-link text-white">
            <svg class="bi me-2" width="16" height="16">
              <use xlink:href="#people-circle" />
            </svg>
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-card-list"
              viewBox="0 0 16 16">
              <path
                d="M14.5 3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h13zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13z" />
              <path
                d="M5 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 5 8zm0-2.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm0 5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-1-5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zM4 8a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm0 2.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0z" />
            </svg> 统计信息
          </a>
        </li>
        <li>
          <a href="./comments.html" class="nav-link text-white">
            <svg class="bi me-2" width="16" height="16">
              <use xlink:href="#people-circle" />
            </svg>
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
              class="bi bi-chat-left-dots" viewBox="0 0 16 16">
              <path
                d="M14 1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H4.414A2 2 0 0 0 3 11.586l-2 2V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12.793a.5.5 0 0 0 .854.353l2.853-2.853A1 1 0 0 1 4.414 12H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z" />
              <path
                d="M5 6a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0z" />
            </svg> 评论管理
          </a>
        </li>
        <li>
          <a href="./update.html" class="nav-link text-white">
            <svg class="bi me-2" width="16" height="16">
              <use xlink:href="#people-circle" />
            </svg>
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gear"
              viewBox="0 0 16 16">
              <path
                d="M8 4.754a3.246 3.246 0 1 0 0 6.492 3.246 3.246 0 0 0 0-6.492zM5.754 8a2.246 2.246 0 1 1 4.492 0 2.246 2.246 0 0 1-4.492 0z" />
              <path
                d="M9.796 1.343c-.527-1.79-3.065-1.79-3.592 0l-.094.319a.873.873 0 0 1-1.255.52l-.292-.16c-1.64-.892-3.433.902-2.54 2.541l.159.292a.873.873 0 0 1-.52 1.255l-.319.094c-1.79.527-1.79 3.065 0 3.592l.319.094a.873.873 0 0 1 .52 1.255l-.16.292c-.892 1.64.901 3.434 2.541 2.54l.292-.159a.873.873 0 0 1 1.255.52l.094.319c.527 1.79 3.065 1.79 3.592 0l.094-.319a.873.873 0 0 1 1.255-.52l.292.16c1.64.893 3.434-.902 2.54-2.541l-.159-.292a.873.873 0 0 1 .52-1.255l.319-.094c1.79-.527 1.79-3.065 0-3.592l-.319-.094a.873.873 0 0 1-.52-1.255l.16-.292c.893-1.64-.902-3.433-2.541-2.54l-.292.159a.873.873 0 0 1-1.255-.52l-.094-.319zm-2.633.283c.246-.835 1.428-.835 1.674 0l.094.319a1.873 1.873 0 0 0 2.693 1.115l.291-.16c.764-.415 1.6.42 1.184 1.185l-.159.292a1.873 1.873 0 0 0 1.116 2.692l.318.094c.835.246.835 1.428 0 1.674l-.319.094a1.873 1.873 0 0 0-1.115 2.693l.16.291c.415.764-.42 1.6-1.185 1.184l-.291-.159a1.873 1.873 0 0 0-2.693 1.116l-.094.318c-.246.835-1.428.835-1.674 0l-.094-.319a1.873 1.873 0 0 0-2.692-1.115l-.292.16c-.764.415-1.6-.42-1.184-1.185l.159-.291A1.873 1.873 0 0 0 1.945 8.93l-.319-.094c-.835-.246-.835-1.428 0-1.674l.319-.094A1.873 1.873 0 0 0 3.06 4.377l-.16-.292c-.415-.764.42-1.6 1.185-1.184l.292.159a1.873 1.873 0 0 0 2.692-1.115l.094-.319z" />
            </svg> 修改设置
          </a>
        </li>
      </ul>
    </div>

    <div class="right" style="width: calc(100% - 280px);">
      <div class="header"
        style="background:rgba(0,0,0,.15);margin-left:0;height:50px;text-align: right;line-height: 50px;position: relative;overflow: hidden;">
        <div class="row">
          <div class="col-lg-5">
            <div id="headerLeft" style="color: #000;font-size: 18px;line-height: 50px;"></div>
          </div>
          <div class="col-lg-7">
            <button type="button" onclick="quit()" class="btn btn-danger btn-sm" style="margin-right:32px;">退出<svg
                xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-power"
                viewBox="0 0 16 16">
                <path d="M7.5 1v7h1V1h-1z" />
                <path
                  d="M3 8.812a4.999 4.999 0 0 1 2.578-4.375l-.485-.874A6 6 0 1 0 11 3.616l-.501.865A5 5 0 1 1 3 8.812z" />
              </svg>
            </button>
          </div>
        </div>

      </div>
      <div class="box">
        <h4 style="font-size: 24px;line-height:30px;margin-left: 60px;margin-top: 10px;">
          <div style="position: absolute;top:60px;left:298px"><svg xmlns="http://www.w3.org/2000/svg" width="30"
              height="30" fill="currentColor" class="bi bi-boombox-fill" viewBox="0 0 16 16">
              <path
                d="M14 0a.5.5 0 0 1 .5.5V2h.5a1 1 0 0 1 1 1v2H0V3a1 1 0 0 1 1-1h12.5V.5A.5.5 0 0 1 14 0ZM2 3.5a.5.5 0 1 0 1 0 .5.5 0 0 0-1 0Zm2 0a.5.5 0 1 0 1 0 .5.5 0 0 0-1 0Zm7.5.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Zm1.5-.5a.5.5 0 1 0 1 0 .5.5 0 0 0-1 0ZM9.5 3h-3a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1ZM6 10.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm-1.5.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Zm7 1a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm.5-1.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z" />
              <path
                d="M0 6h16v8a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V6Zm2 4.5a2.5 2.5 0 1 0 5 0 2.5 2.5 0 0 0-5 0Zm7 0a2.5 2.5 0 1 0 5 0 2.5 2.5 0 0 0-5 0Z" />
            </svg></div> 影片管理
        </h4>
      </div>
      <div>
        <button class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#myModal2" style="margin-left: 16px;"
          data-bs-toggle="modal" data-bs-target="#myModalAdd"><svg xmlns="http://www.w3.org/2000/svg" width="16"
            height="16" fill="currentColor" class="bi bi-plus-lg" viewBox="0 0 16 16">
            <path fill-rule="evenodd"
              d="M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2Z" />
          </svg> 添加</button>

        <div class="abc" style="position: absolute;top:109px;right: 20px;">
          <div class="search">
            <input type="text" class="searchTerm" placeholder="你想找什么?" style="height: 100%;" id="filmText">
            <button type="submit" class="searchButton" style="height: 37.6px;" onclick="searchFilm()">
              <i class="fa fa-search"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                  class="bi bi-search" viewBox="0 0 16 16">
                  <path
                    d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z" />
                </svg></i>
            </button>
          </div>
        </div>
        <select name="good_bad" id="selectFilm" onchange="filmType()"
          style="width: 166px;position: absolute;top: 109px;right: 298px;" class="form-select">
          <option value="" selected disabled>请选择影片类型</option>
          <option value="全部" id="fz">全部</option>
          <option value="犯罪" id="fz">犯罪</option>
          <option value="剧情" id="jq">剧情</option>
          <option value="爱情" id="aq">爱情</option>
          <option value="灾难" id="zn">灾难</option>
          <option value="动画" id="dh">动画</option>
          <option value="奇幻" id="qh">奇幻</option>
          <option value="科幻" id="kh">科幻</option>
          <option value="喜剧" id="xj">喜剧</option>
          <option value="冒险" id="mx">冒险</option>
          <option value="传记" id="zj">传记</option>
          <option value="家庭" id="jt">家庭</option>
          <option value="运动" id="yd">运动</option>
          <option value="悬疑" id="xy">悬疑</option>
          <option value="惊悚" id="js">惊悚</option>
          <option value="歌舞" id="gw">歌舞</option>
          <option value="同性" id="tx">同性</option>
          <option value="历史" id="ls">历史</option>
          <option value="战争" id="zz">战争</option>
          <option value="古装" id="gz">古装</option>
        </select>

        <table class="table table-striped" style="margin: 0 auto;margin-top: 20px;">
          <!-- <caption>上下文表格布局</caption> -->
          <thead>
            <tr>
              <th>产品</th>
              <th>海报</th>
              <th>名称</th>
              <th>导演</th>
              <th>主演</th>
              <th>评分</th>
              <th>时间</th>
              <th>产地</th>
              <th>类型</th>
              <th>操作</th>
            </tr>
          </thead>
          <tbody id="tbodys">
          </tbody>


        </table>

        <div style="margin: 20px 0 0 10px;"><button onclick="index()" class="btn btn-secondary"><svg
              xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
              class="bi bi-chevron-double-left" viewBox="0 0 16 16">
              <path fill-rule="evenodd"
                d="M8.354 1.646a.5.5 0 0 1 0 .708L2.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z" />
              <path fill-rule="evenodd"
                d="M12.354 1.646a.5.5 0 0 1 0 .708L6.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z" />
            </svg> 首页</button>
          <button onclick="up()" class="btn btn-secondary"><svg xmlns="http://www.w3.org/2000/svg" width="16"
              height="16" fill="currentColor" class="bi bi-chevron-left" viewBox="0 0 16 16">
              <path fill-rule="evenodd"
                d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z" />
            </svg> 上一页</button>
          <button onclick="down()" class="btn btn-secondary">下一页 <svg xmlns="http://www.w3.org/2000/svg" width="16"
              height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">
              <path fill-rule="evenodd"
                d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z" />
            </svg></button>
          <button onclick="last()" class="btn btn-secondary">尾页 <svg xmlns="http://www.w3.org/2000/svg" width="16"
              height="16" fill="currentColor" class="bi bi-chevron-double-right" viewBox="0 0 16 16">
              <path fill-rule="evenodd"
                d="M3.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L9.293 8 3.646 2.354a.5.5 0 0 1 0-.708z" />
              <path fill-rule="evenodd"
                d="M7.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L13.293 8 7.646 2.354a.5.5 0 0 1 0-.708z" />
            </svg></button>
        </div>
      </div>
    </div>
    <!-- 添加的模态框 -->
    <div>
      <div class="modal fade" id="myModal2">
        <div class="modal-dialog modal-dialog-scrollable">
          <div class="modal-content">

            <!-- 模态框头部 -->
            <div class="modal-header">
              <h4 class="modal-title">添加影片信息</h4>
              <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>

            <!-- 模态框内容 -->
            <div class="modal-body">
              <!-- <div class="row">
                <div class="col-lg-3">海报图片网址</div>
                <div class="col-lg-9"><input type="text" id="address"></div>
              </div>
              <div class="row">
                <div class="col-lg-3">名称</div>
                <div class="col-lg-9"><input type="text" id="filmName"></div>
              </div>
              <div class="row">
                <div class="col-lg-3">导演</div>
                <div class="col-lg-9"><input type="text" id="person1"></div>
              </div>
              <div class="row">
                <div class="col-lg-3">主演</div>
                <div class="col-lg-9"><input type="text" id="person2"></div>
              </div>
              <div class="row">
                <div class="col-lg-3">评分</div>
                <div class="col-lg-9"><input type="text" id="advise"></div>
              </div>
              <div class="row">
                <div class="col-lg-3">时间</div>
                <div class="col-lg-9"><input type="text" id="filmTime"></div>
              </div>
              <div class="row">
                <div class="col-lg-3">产地</div>
                <div class="col-lg-9"><input type="text" id="area"></div>
              </div>
              <div class="row">
                <div class="col-lg-3">类型</div>
                <div class="col-lg-9"><input type="text" id="filmType"></div>
              </div> -->

              <div class=".row">
                <span class=".col">
                  图片网址： <input type="text" class="form-control" placeholder="请输入图片网址：" name="email" id="address"><br>
                </span>

                <span class=".col">
                  名称： <input type="text" class="form-control" placeholder="请输入名称：" name="email" id="filmName"><br>
                </span>

                <span class=".col">
                  导演： <input type="text" class="form-control" placeholder="请输入导演：" name="pswd" id="person1">
                </span>
                <br>
                <span class=".col">
                  主演： <input type="text" class="form-control" placeholder="请输入主演：" name="pswd" id="person2">
                </span>
                <br>
                <span class=".col">
                  评分： <input type="text" class="form-control" placeholder="请输入评分：" name="pswd" id="advise">
                </span>
                <br />
                <span class=".col">
                  时间： <input type="text" class="form-control" placeholder="请输入时间：" name="pswd" id="filmTime">
                </span>
                <br>
                <span class=".col">
                  产地： <input type="text" class="form-control" placeholder="请输入产地：" name="pswd" id="area">
                </span>
                <br>
                <span class=".col">
                  类型： <input type="text" class="form-control" placeholder="请输入类型：" name="pswd" id="filmType">
                </span>
              </div>
            </div>

            <!-- 模态框底部 -->
            <div class="modal-footer">
              <button type="button" class="btn btn-success" data-bs-dismiss="modal" onclick="addData()">确定</button>
              <button type="button" class="btn btn-danger" data-bs-dismiss="modal">关闭</button>
            </div>

          </div>
        </div>
      </div>
    </div>

    <!-- 修改的模态框 -->
    <div class="modal fade" id="myModal">
      <div class="modal-dialog modal-dialog-scrollable">
        <div class="modal-content">
          <input type="hidden" id="updatesid">

          <!-- 模态框头部 -->
          <div class="modal-header">
            <h4 class="modal-title">修改影片信息</h4>
            <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
          </div>

          <!-- 模态框内容 -->
          <div class="modal-body">

            <form>
              <div class=".row">
                <span class=".col">
                  图片网址： <input type="text" class="form-control" placeholder="请输入图片网址：" name="email" id="url"><br>
                </span>

                <span class=".col">
                  名称： <input type="text" class="form-control" placeholder="请输入名称：" name="email" id="fname"><br>
                </span>

                <span class=".col">
                  导演： <input type="text" class="form-control" placeholder="请输入导演：" name="pswd" id="dy">
                </span>
                <br>
                <span class=".col">
                  主演： <input type="text" class="form-control" placeholder="请输入主演：" name="pswd" id="zy">
                </span>
                <br>
                <span class=".col">
                  评分： <input type="text" class="form-control" placeholder="请输入评分：" name="pswd" id="pf">
                </span>
                <br />
                <span class=".col">
                  时间： <input type="text" class="form-control" placeholder="请输入时间：" name="pswd" id="time">
                </span>
                <br>
                <span class=".col">
                  产地： <input type="text" class="form-control" placeholder="请输入产地：" name="pswd" id="cd">
                </span>
                <br>
                <span class=".col">
                  类型： <input type="text" class="form-control" placeholder="请输入类型：" name="pswd" id="lx">
                </span>
              </div>
            </form>


          </div>

          <!-- 模态框底部 -->
          <div class="modal-footer">
            <button type="button" class="btn btn-success" onclick="qr()">确认</button>
            <button type="button" class="btn btn-danger" data-bs-dismiss="modal">关闭</button>
          </div>



  </main>
  <script src="../js/usernameRender.js"></script>
  <script src="../js/quit.js"></script>
  <script src="../js/movie.js"></script>
  <script src="../js/systemTime.js"></script>
</body>

</html>